<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
 
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>COES - Clínica Odontológica Dr. Edjuvan Santana</title>
        <style type="text/css">
            body {background-color: #eeeeee; font-size: 12px}
        </style>
        <script>
        	PrimeFaces.locales['pt_BR'] = {
	                closeText : 'Fechar',
	                prevText : 'Anterior',
	                nextText : 'Pr\u00F3ximo',
	                currentText : 'Come\u00E7o',
	                monthNames : [ 'Janeiro', 'Fevereiro', 'Mar\u00E7o', 'Abril',
	                        'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
	                        'Outubro', 'Novembro', 'Dezembro' ],
	                monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
	                        'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
	                dayNames : [ 'Domingo', 'Segunda', 'Ter\u00E7a', 'Quarta',
	                        'Quinta', 'Sexta', 'S\u00E1bado' ],
	                dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex',
	                        'Sáb' ],
	                dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
	                weekHeader : 'Semana',
	                firstDay : 1,
	                isRTL : false,
	                showMonthAfterYear : false,
	                yearSuffix : '',
	                timeOnlyTitle : 'S\u00F3 Horas',
	                timeText : 'Tempo',
	                hourText : 'Hora',
	                minuteText : 'Minuto',
	                secondText : 'Segundo',
	                currentText : 'Data Atual',
	                ampm : false,
	                month : 'M\u00EAs',
	                week : 'Semana',
	                day : 'Dia',
	                allDayText : 'Todo Dia'
	            };
        </script> 
    </h:head>
    <h:body>
        <div align="center">
            <p:layout style="min-width:1020px;max-width:1300px;min-height:750px">  
                <p:layoutUnit position="north" size="100">
	                   <div style="padding-left: 477px; margin-top: -141px;">
	                    	<h3 style="float: left;">CLÍNICA ODONTOLÓGICA DR. EDIJUVAN SANTANA</h3>
	                    </div>
                	  <div>
	                    	<h:graphicImage url="/img/capa.jpg" style="height:113px;" />
	                   </div>  
                </p:layoutUnit>  
 
                <p:layoutUnit position="west" size="220">  
                    <ui:insert name="menu">
                        <h:form>
                            <p:menu style="width: 200px">
                                <p:submenu label="Autenticação">
                                    <p:menuitem value="Login" icon="ui-icon-key" />
                                    <p:menuitem value="Fazer cadastro" icon="ui-icon-contact" />         
                                </p:submenu>
                                 <p:submenu label="Agenda">
                                    <p:menuitem value="Consultar" icon="ui-icon-search" />
                                    <p:menuitem value="Agendar Paciente" icon="ui-icon-clock" />  
                                    <p:menuitem value="Datas disponíveis" icon="ui-icon-triangule-1e" />
                                    <p:menuitem value="Configurar" icon="ui-icon-wrench" />         
                                </p:submenu>
                                <p:submenu label="Paciente">
                                    <p:menuitem value="Pesquisar" icon="ui-icon-search" />  
                                    <p:menuitem value="Cadastrar" icon="ui-icon-contact" />
                                </p:submenu>
                                
                            </p:menu>
                        </h:form>
                    </ui:insert>
                </p:layoutUnit>  
                <p:layoutUnit position="center">  
                    <ui:insert name="centro">
                        O que estiver aqui será substituido!
                    </ui:insert>
                </p:layoutUnit>  
            </p:layout>  
        </div>
    </h:body>
</html>